<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="zhangfn"
	uri="http://github.com/zhangkaitao/tags/zhang-functions"%>
<html>
<head>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/static/css/css.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/static/JQuery zTree v3.5.15/css/zTreeStyle/zTreeStyle.css">
<style>
ul.ztree {
	margin-top: 10px;
	border: 1px solid #617775;
	background: #f0f6e4;
	width: 220px;
	height: 200px;
	overflow-y: scroll;
	overflow-x: auto;
}
</style>
<c:set value="${pageContext.request.contextPath}" var="path1"
	scope="page" />
<!-- Bootstrap Core CSS -->
<link href="${path1}/static/css/bootstrap.min.css" rel="stylesheet">

<!-- MetisMenu CSS -->
<link href="${path1}/static/css/plugins/metisMenu/metisMenu.min.css"
	rel="stylesheet">

<!-- Custom CSS -->
<link href="${path1}/static/css/sb-admin-2.css" rel="stylesheet">

<!-- DataTables CSS -->
<link href="${path1}/static/css/plugins/dataTables.bootstrap.css"
	rel="stylesheet">

<!-- Custom Fonts -->
<link href="${path1}/static/font-awesome-4.1.0/css/font-awesome.min.css"
	rel="stylesheet" type="text/css">

<!-- 富文本编辑器大小 -->
<!--  <style type="text/css">
#container {
	width: 500px;
	height: 320px;
}
</style>
-->
</head>
<body>
	<h2>职位管理</h2>
	<form:form method="post" commandName="recruitment">
		<form:hidden path="id" />
		<form:hidden path="lang" />
		<div class="form-group">
			<form:label path="name">名称：</form:label>
			<form:input path="name" />
		</div>

		<div class="form-group">
			<form:label path="location">地點：</form:label>
			<form:input path="location" />
		</div>


		<div class="form-group">
			<div class="panel panel-default">
				<div class="panel-heading">
					<form:label path="responsibility">责任：</form:label>
				</div>
				<!-- 加载编辑器的容器 -->
				<div class="panel-body">
					<script id="container" name="responsibility" type="text/plain">${recruitment.responsibility}</script>
				</div>
			</div>
		</div>
		<div class="form-group">
			<div class="panel panel-default">
				<div class="panel-heading">
					<form:label path="benifit">福利：</form:label>
				</div>
				<!-- 加载编辑器的容器 -->
				<div class="panel-body">
					<script id="container2" name="benifit" type="text/plain">${recruitment.benifit}</script>
				</div>
			</div>
		</div>
		<div class="form-group">
			<form:label path="remark">备注：</form:label>
			<form:input path="remark" />
		</div>



		<form:button>${op}</form:button>

	</form:form>



	<div id="menuContent" class="menuContent"
		style="display: none; position: absolute;">
		<ul id="tree" class="ztree" style="margin-top: 0; width: 160px;"></ul>
	</div>

	<!-- jQuery -->
	<script src="${path1}/static/js/jquery.js"></script>

	<!-- Bootstrap Core JavaScript -->
	<script src="${path1}/static/js/bootstrap.min.js"></script>

	<!-- Metis Menu Plugin JavaScript -->
	<script src="${path1}/static/js/plugins/metisMenu/metisMenu.min.js"></script>

	<!-- DataTables JavaScript -->
	<script
		src="${path1}/static/js/plugins/dataTables/jquery.dataTables.js"></script>
	<script
		src="${path1}/static/js/plugins/dataTables/dataTables.bootstrap.js"></script>

	<!-- Custom Theme JavaScript -->
	<script src="${path1}/static/js/sb-admin-2.js"></script>
	<!-- 配置文件 -->
	<script type="text/javascript"
		src="${path1}/static/ueditor/ueditor.config.js"></script>
	<!-- 编辑器源码文件 -->
	<script type="text/javascript"
		src="${path1}/static/ueditor/ueditor.all.js"></script>

	<script type="text/javascript">
        var ue = UE.getEditor('container');
        var ue = UE.getEditor('container2');
    </script>

	<!-- Page-Level Demo Scripts - Tables - Use for reference -->
	<script>
		$(document).ready(function() {
			$('#dataTables-example').dataTable();
		});
	</script>
</body>
</html>